$file-size: 216px;

.c-fileConfig__container {
	width: $file-size;
	height: 100%;
	padding-bottom: 40px;
	overflow-y: auto;
	font-size: 12px;
	background: var(--editor-background);
	border-right: 1px solid var(--panel-border);

	.ant-form-item {
		padding: 20px;
		border-bottom: 1px solid var(--panel-border);
	}

	.ant-form-item-label > label {
		font-size: 12px;
	}

	.c-fileConfig__downloadTemp {
		margin-left: 55px;
		color: #3f87ff;
		cursor: pointer;
	}

	.c-fileConfig__config {
		font-size: 12px;

		.config-desc {
			display: inline-block;
			color: #999;
			font-size: 10px;
			line-height: 24px;
			word-break: break-all;
		}
	}

	.config-file {
		position: relative;
		display: block;
		width: 176px;
		height: 20px;
		padding: 0 52px 0 16px;
		overflow: hidden;
		color: var(--editor-selectionBackground);
		font-size: 12px;
		line-height: 20px;
		white-space: nowrap;
		text-overflow: ellipsis;

		&:hover {
			color: #999;
		}

		.anticon-delete,
		.anticon-paper-clip,
		.anticon-edit,
		.anticon-download {
			position: absolute;
			top: 4px;
			color: #666;
			font-size: 12px;
		}

		.anticon-paper-clip {
			left: 0;
		}

		.anticon-delete {
			right: 0;
		}

		.anticon-download {
			right: 20px;
		}

		.anticon-edit {
			right: 40px;
		}
	}
}
